
<ion-content class="has-header" id="content" ng-controller="listranch" style="background: #F1F1F1;">
    <style>
        .comms span:nth-child(1){
            margin-left: 25px;
        }
        .comms:before{
            position: absolute;
            content: "";
            display: inline-block;
            width: 20px;
            height:22px;
            background: url("http://wx.umubao.com/ymb/img/sheep.png") no-repeat;
            background-size: cover;
        }

    </style>
    <div class="financial" ng-repeat="investProducts in investProducts track by $index" ng-if="nodatalist_ranch==2">
        <div class="financial_hander comms">
            <span>{{investProducts.name}}</span>
            <span class="financial_periods">{{investProducts.type}}{{investProducts.code}}期</span>
        </div>
        <div class="titmer_financial_up titmer_financial" ng-if="investProducts.sy_state==1&&investProducts.lave_amount<20">
            <div>
                HOT
            </div>
        </div>
        <div class="titmer_financial_up"  ng-if="investProducts.invest_type==0&&investProducts.sy_state==1&&investProducts.lave_amount>=20" >
            <div>
                抢购
            </div>
        </div>
        <div class="titmer_financial_newperson" ng-if="investProducts.invest_type==1&&investProducts.sy_state==1" >
            <div>
                <img src="homapageimg/newperson.png" alt="">
                <span>新手专享</span>
            </div>
        </div>
        <div class="titmer_financial_up" ng-if="investProducts.sy_state==2&&investProducts.lave_amount!=0" style="background-color: #A4A4A4">
            <div>
                收益中
            </div>
        </div>
        <div class="titmer_financial_up" ng-if="investProducts.sy_state==3&&investProducts.lave_amount!=0" style="background-color: #A4A4A4">
            <div>
                已收益
            </div>
        </div>
        <div class="titmer_financial_up" ng-if="investProducts.lave_amount==0" style="background-color: #A4A4A4">
            <div>
                已售馨
            </div>
        </div>
        <div class="financial_content">
            <ul>
                <li>
                    <div class="number_w">{{investProducts.return_rate}}<span class="number_c">%</span></div>
                    <div class="number_p">往期年化</div>
                </li>
                <li>
                    <div class="number_w">{{investProducts.price}}<span class="number_c">元</span></div>
                    <div class="number_p">认养单价</div>
                </li>
                <li>
                    <div class="number_w">{{investProducts.time_limit}}<span class="number_c">{{investProducts.time_type==1?"个月":"天"}}</span></div>
                    <div class="number_p">认养周期</div>
                </li>
            </ul>
        </div>
        <div class="financial_footer">
            <ul>
                <li>
                    <img ng-src="increase/coordinate.png" alt="">
                    <span style="top:-3px !important;">{{investProducts.sub_title}}</span>
                </li>
                <!--<li>-->
                    <!--<img ng-src="increase/home.png" alt="" style="width: 22px;">-->
                    <!--<span>资金由新浪支付托管</span>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="pos_up" ng-click="detaShare($event)" data-inter="{{investProducts.id}}"></div>
    </div>
    <div ng-if="nodatalist_ranch==1" class="pushcode">
        暂无最新数据
    </div>
    <div ng-if="investProducts.length >= 5 " style="text-align: center;padding: 10px 0;background-color: #f5f5f5;color: #8e8e8e">
        主人，还有很多哦，就显示这么多了～
    </div>
</ion-content>
